<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="shopMainbg">
		<div class="shopMain" id="shopmain">
			<!--活动 -->

			<div class="am-container activity ">
				<div class="shopTitle ">
					<h4>运动场活动</h4>
					<h3>每期活动 优惠享不停</h3>
					<span class="more "> <a href="# ">全部活动<i
							class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
					</span>
				</div>
				<div class="am-g am-g-fixed ">
					<div class="am-u-sm-3 ">
						<div class="icon-sale one "></div>
						<h4>秒杀</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/demo.png "></img>
						</div>
						<div class="info ">
							<h3>春节送礼优选</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale two "></div>
						<h4>特惠</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/demo.png "></img>
						</div>
						<div class="info ">
							<h3>春节送礼优选</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale three "></div>
						<h4>团购</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/demo.png "></img>
						</div>
						<div class="info ">
							<h3>春节送礼优选</h3>
						</div>
					</div>

					<div class="am-u-sm-3 last ">
						<div class="icon-sale "></div>
						<h4>超值</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/demo.png "></img>
						</div>
						<div class="info ">
							<h3>春节送礼优选</h3>
						</div>
					</div>

				</div>
			</div>
			<div class="clear "></div>


			<div id="f1">
				<!--热门-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>热门</h4>
						<h3>今日最热 HOT！！！</h3>
						<div class="today-brands ">
							<a href="# ">属性</a> <a href="# ">属性</a> <a href="# ">属性 </a> <a
								href="# ">属性</a> <a href="# ">属性</a> <a href="# ">属性</a>
						</div>
						<span class="more "> <a href="# ">更多<i
								class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word">
							<a class="outer" href="#"><span class="inner"><b
									class="text">demo</b></span></a> <a class="outer" href="#"><span
								class="inner"><b class="text">demo</b></span></a> <a class="outer"
								href="#"><span class="inner"><b class="text">demo</b></span></a>
						</div>
						<a href="# ">
							<img src="${pageContext.request.contextPath}/images/demo_0.png " />
						</a>
						<div class="triangle-topright"></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug">
						<div class="outer-con ">
							<div class="title ">demo_2</div>
							<div class="sub-title ">¥13.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two">
						<div class="outer-con ">
							<div class="title ">demo_2</div>
							<div class="sub-title ">¥13.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big">
						<div class="outer-con ">
							<div class="title ">demo_1</div>
							<div class="sub-title ">¥4.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug">
						<div class="outer-con ">
							<div class="title ">demo_1</div>
							<div class="sub-title ">¥4.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">demo_1</div>
							<div class="sub-title ">¥4.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">demo_1</div>
							<div class="sub-title ">¥4.8</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="# "><img
							src="${pageContext.request.contextPath}/images/demo_1.jpg" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>


			<div id="f2">
				<!--最新-->
				<div class="am-container ">
					<div class="shopTitle ">
						<h4>最新</h4>
						<h3>新奇趣怪！！！</h3>
						<div class="today-brands ">
							<a href="# ">属性</a> <a href="# ">属性</a> <a href="# ">属性 </a> <a
								href="# ">属性</a> <a href="# ">属性</a> <a href="# ">属性</a>
						</div>
						<span class="more "> <a href="# ">更多<i
								class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>
				<div class="am-g am-g-fixed floodThree ">
					<div class="am-u-sm-4 text-four list">
						<div class="word">
							<a class="outer" href="#"><span class="inner"><b
									class="text">demo</b></span></a> <a class="outer" href="#"><span
								class="inner"><b class="text">demo</b></span></a> <a class="outer"
								href="#"><span class="inner"><b class="text">demo</b></span></a>
						</div>
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_0.png " />
						</a>
						<div class="triangle-topright"></div>
					</div>
					<div class="am-u-sm-4 text-four">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-4 text-four sug">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>

					<div class="am-u-sm-6 am-u-md-3 text-five big ">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five ">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five sug">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five big">
						<a href="# "> <img
							src="${pageContext.request.contextPath}/images/demo_2.jpg" />
							<div class="outer-con ">
								<div class="title ">demo_2</div>
								<div class="sub-title ">¥13.8</div>
								<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
							</div>
						</a>
					</div>

				</div>
				<div class="clear "></div>
			</div>
			<!-- 最底部 -->
			<%@ include file="floor.jsp"%>
		</div>
	</div>